import React from 'react';
import { Button } from 'antd';

import ReactQuery from '../../components/reactQuery'

function ExamplePage() {
  return (
    <div className="container mx-auto p-10 bg-slate-50 m-10">
      <h1 className="text-4xl text-center">ExamplePage</h1>
      <div>
        <div className="text-center m-4 p-6 bg-red-200">
          <Button type="primary">Button</Button>
        </div>
        <div className="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-lg flex items-center space-x-4">
          <div className="shrink-0 h-12 w-12 bg-slate-200"></div>
          <div>
            <div className="text-xl font-medium text-black">ChitChat</div>
            <p className="text-slate-500">You have a new message!</p>
          </div>
        </div>
        <ReactQuery />
      </div>
    </div>
  )
}

export default ExamplePage
